<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>论坛列表</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/style.css"/>
    <script src="../js/jquery.min.js"></script>
    <script>
        $(function () {
            $('.person').hover(function () {
                $(this).find('.personlist').show();
            }, function () {
                $(this).find('.personlist').hide();
            })

            $('.fabu').hover(function () {
                $(this).find('.fabulist').show();
                $(this).addClass('fabu-0');
            }, function () {
                $(this).find('.fabulist').hide();
                $(this).removeClass('fabu-0');
            })
        })
    </script>
</head>
<body>


<!--header start-->
<div class="header">
    <div class="w">
        <a href="" class="logo dib fl">
            <img src="../images/logo.png" alt=""/>
        </a>
        <ul class="nav fl">
            <li>
                <a href="">文字</a>
            </li>
            <li>
                <a href="">电影</a>
            </li>
            <li>
                <a href="">商店</a>
            </li>
            <li>
                <a href="">招商</a>
            </li>
            <li>
                <a href="">论坛</a>
            </li>
        </ul>
        <div class="person por fr">
            <img src="../images/p.png" alt=""/>
            <div class="personlist hz-hid">
                <a href="" class="a-0">个人中心</a>
                <a href="" class="a-1">我的上传</a>
                <a href="" class="a-2">我的收藏</a>
                <a href="" class="a-3">账号设置</a>
                <a href="" class="a-4">退出</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/fabu.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href="">发布帖子</a>
                <a href="">发布文章</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/shou.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href="">我的文章</a>
                <a href="">发布帖子</a>
                <a href="">我的产品</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/s-0.png" alt=""/>
            <div class="p-data dn">13</div>
            <div class="fabulist hz-hid">
                <a href=""><i>10</i>我的评论</a>
                <a href=""><i>10</i>我的回复</a>
                <a href=""><i>03</i>私信</a>
                <a href=""><i>10</i>活动公告</a>
            </div>
        </div>
        <div class="fabu  por fr">
            <img src="../images/car.png" alt=""/>
            <div class="fabulist hz-hid">
                <a href=""><i>10</i>购物车</a>
                <a href=""><i>10</i>未付款</a>
                <a href=""><i>03</i>活动公告</a>
            </div>
        </div>
        <div class="search fr">
            <select  class="sel">
                <option value="">电影</option>
                <option value="">文章</option>
                <option value="">商品</option>
                <option value="">论坛</option>
            </select>
            <input type="text"/>
            <a href=""></a>
        </div>
    </div>
</div>

<!--header end-->


<div class="sec-top">
    <div class="w hz-hid">
        <a href="" class="sec-title dib fl">文章专题</a>
        <ul>
            <li class="current">电影</li>
            <li>电视剧</li>
            <li>动漫</li>
            <li>综艺</li>
            <li>娱乐</li>
            <li>搞笑</li>
            <li>精选档期</li>
            <li>上线时间表</li>
        </ul>
    </div>
</div>




<!--container start-->
<div class="w hz-hid">
    <a href="" class="ad db"></a>

    <div class="lt-title">
        <span>今日发帖：999999</span>
        <span>昨日发帖：9999999</span>
        <span>最高日发帖：9999</span>
        <span>论坛会员：99999</span>
        <span>新会员：999</span>
    </div>

    <div class="lt-aside fl hz-hid">
        <h3>论坛分类一</h3>
        <ul class="hz-hid">
            <li>帖子</li>
            <li>新鲜事</li>
            <li>文章</li>
            <li>朋友</li>
        </ul>

        <h3>论坛分类二</h3>
        <ul class="hz-hid">
            <li>帖子</li>
            <li>新鲜事</li>
            <li>文章</li>
            <li>朋友</li>
        </ul>

        <h3>求片区</h3>
        <ul class="hz-hid">
            <li>帖子</li>
            <li>新鲜事</li>
            <li>文章</li>
            <li>朋友</li>
        </ul>
    </div>
    <div class="lt-main fr hz-hid">
        <div class="top hz-hid">
            <div class="top-left fl">
                <div class="img"></div>
                <div class="txt fl hz-hid">
                    <a href="" class="db c379adb f16">栏目板块</a>

                    <p class="c6c6c6c">主题：114   帖子：4444</p>

                    <p>[深情触摸][WEB-DL.720P.MKV/1.9</p>
                </div>
            </div>
            <div class="top-right fl hz">
                <p class="f16 c379adb p">24小时，最热问题：</p>
                <p>简易,简约,互联网,金融,音频,媒体,音乐</p>
                <p>简易,简约,互联网,金融,音频,媒体,音乐</p>
                <p>简易,简约,互联网,金融,音频,媒体,音乐</p>
                <p>简易,简约,互联网,金融,音频,媒体,音乐</p>
            </div>
        </div>
        <div class="notice">
            <div class="notice-left fl">
                <a href="">发布文章奖励5Q币,提供优秀文章奖励3倍以上q</a>
            </div>
            <a href="" class="fr">发   帖</a>
        </div>
        <ul class="ul hz-hid">
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">
                        <a href="" class="pig fr"></a>
                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">
                        <a href="" class="pig fr"></a>
                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">
                        <a href="" class="pig fr"></a>
                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">

                        <a href="">
                            （<span class="ce9714e">热</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">

                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">

                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
            <li>
                <div class="lileft fl hz-hid">
                    <span class="img dib"></span>
                    <p>24小时达人</p>
                </div>
                <div class="liright fl hz-hid">
                    <div class="p">

                        <a href="">
                            （<span class="c379adb">精</span>）聊聊春节回家的感触和近期小生活
                        </a>
                        <span class="time">提问于2015-03-04</span>

                    </div>
                    <p>你不用在后台写在要，直接获取文章中的前面部分字符，你不用在后台写在要，直接获取文章中的前面部分字符，这样就能很好的显示摘要了，虽说这是案例，但也应该啰嗦的像个在要不是...</p>
                    <span class="liulan">165浏览</span>
                    <span class="ping">23评论</span>
                </div>
            </li>
        </ul>

        <div class="pager">
            <a href="" class="current">1</a><a href="">2</a><a href="">3</a><span>...</span><a href="">99</a><a href="">></a><span>共99页</span><i><input value="1"  type="text"/><a href="">GO</a></i>
        </div>
    </div>

    <div class="clear"></div>
    <div class="blank-25"></div>
    <div class="lt-title">
        <span>在线会员  - 总计 614 人在线 - 最高记录是 1342 于 2015-11-13. </span>
    </div>


</div>
<!--container end-->





<!--footer start-->
<div class="footer">
    <ul class="w hz-hid">
        <li class="li-0">
            <h2>Booe.cn</h2>
            <p>以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计
                潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的
                交互体验，更有严谨而通俗的技术教程！</p>
            <p>唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享
                高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
        </li>
       <li>
           <h2>关于</h2>
           <a href="">关于Booe.cn</a>
           <a href="">留言联系</a>
           <a href="">友情链接</a>
           <a href="">免责声明</a>
           <a href="">网站地图</a>
       </li>
        <li>
            <h2>栏目</h2>
            <a href="">关于Booe.cn</a>
            <a href="">留言联系</a>
            <a href="">友情链接</a>
            <a href="">免责声明</a>
            <a href="">网站地图</a>
        </li>
        <li>
            <h2>友链</h2>
            <a href="">关于Booe.cn</a>
            <a href="">留言联系</a>
            <a href="">友情链接</a>
            <a href="">免责声明</a>
            <a href="">网站地图</a>
        </li>
        <li class="last">
            <h2>关注</h2>
            <p>Email:Booe.cn@163.com</p>
            <div class="dingyue hz-hid">
                <input type="text" value="请出入您的邮箱" onclick="if(value=='请出入您的邮箱') value=''" onblur="if(value=='') value='请出入您的邮箱'"/>
                <a href="">订阅</a>
            </div>
            <div class="link">
                <a href="" class="a-0"></a>
                <a href="" class="a-1"></a>
                <a href="" class="a-2"></a>
                <a href="" class="a-3"></a>
                <a href="" class="a-4 mr-0"></a>
            </div>
        </li>
    </ul>
    <div class="copy w">
        <span>Copyright © 2012-2015</span><a href="">booe.cn</a><span>Theme by booe.cn All All Rights Reserved. 粤ICP备12075456号-1</span>
    </div>
</div>
<!--footer end-->





</body>
</html>